<template>
	<view class="box">
		<pageheader :setting="settingdata"></pageheader>
		<view class="anchor_list flex_bet">
			<view class="anchor_box" v-for="(item,index) in 5">
				<navigator url="/live/room/room" hover-class="none" style="height: 100%;">
					<image src="" mode="aspectFill" style="background: #bbb;">
					</image>
					<view class="name_box">这条街最靓的仔
					</view>
					<view class="info_text">粉丝 {{item.follownum}} </view>
				</navigator>
				<view class="follow_list_box">已关注</view>
				<!-- <view class="follow_list_box_follow">关注Ta</view> -->
			</view>
		</view>
		<view class="not_more">
			<image src="/static/img/wguanzhu.png" mode="widthFix"></image>
			<view class="text">暂无关注</view>
		</view>
		<view class="nomore" v-if="nomore&&list.length>0">—— · 没有更多了 · ——</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				settingdata: {
					name: '我的关注',
					bgColor: '#fff',
					titleColor: '#000000',
					showNav: true,
					showTypes: 0,
					position: "myFollow"
				},
			};
		},

		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.box {
		background-color: #f1f2f6;
	}

	.anchor_list {
		width: 100%;
		padding: 10rpx 25rpx 0;
		flex-wrap: wrap;
	}

	.follow_list_box {
		width: 100%;
		height: 80rpx;
		background: #B1B8C8;
		border-radius: 5rpx;
		font-size: 24rpx;
		font-weight: 500;
		color: #FFFFFF;
		text-align: center;
		line-height: 80rpx;
		position: absolute;
		bottom: 0;
		z-index: 1;
	}

	.introduce {
		font-size: 26rpx;
		font-weight: 500;
		color: #646C7E;
	}

	.anchor_box {
		width: 340rpx;
		height: 450rpx;
		background: #FFFFFF;
		border-radius: 5rpx;
		position: relative;
		text-align: center;
		margin-bottom: 20rpx;

		image {
			width: 128rpx;
			height: 128rpx;
			border-radius: 50%;
			margin-top: 50rpx;
		}

	}

	.name_box {
		font-size: 36rpx;
		font-weight: bold;
		color: #2C3240;
		margin-top: 21rpx;
	}

	.info_text {
		margin-top: 26rpx;
	}

	.follow_list_box_follow {
		width: 100%;
		height: 80rpx;
		border-radius: 5rpx;
		font-size: 24rpx;
		font-weight: 500;
		color: #FFFFFF;
		text-align: center;
		line-height: 80rpx;
		position: absolute;
		bottom: 0;
		background: linear-gradient(90deg, #FF003C, #FF6600);
	}

</style>
